@import (reference) '../../style/mixin.less';
@import url('../../assets/iconfonts/iconfont.css');

.pro-list-con {
    padding-top: @common-wd;
}

.pro-list-ul {
    background-color: #fff;

    .pro-item {
        min-height: (140 / @rootValue);
        padding: @common-wd;
        border-bottom: 1px solid #eee;
        .flex(space-between);

        .pro-item-select {
            .flex;

            .pro-select-status {
                font-size: (45 / @rootValue);
                color: #ccc;
            }

            .pro-selected {
                color: @base-color;
            }

            .pro-name {
                margin-top: (12 / @rootValue);
                margin-left: (20 / @rootValue);
                font-size: (36 / @rootValue);
            }
        }

        .pro-item-edit {
            .flex;

            .icon-jian {
                font-size: (50 / @rootValue);
                color: #ccc;
            }

            .pro-num {
                min-width: (60 / @rootValue);
                font-size: (30 / @rootValue);
                text-align: center;
            }

            .icon-jia {
                font-size: (50 / @rootValue);
                color: @base-color;
            }

            .edit-active {
                color: @base-color;
            }
        }
    }
}
